<script setup lang="ts">
import router from "@/router";

const handleOpen = (key: string, keyPath: string[]) => {
  console.log(key, keyPath);
};
const handleClose = (key: string, keyPath: string[]) => {
  console.log(key, keyPath);
};
// const changContent = (path: string) => {
//   activeIndex.value = path;
//   router.push(path);
// };
</script>
<!-- 导航 -->
<template>
  <div style="height: 100vh">
    <el-col>
      <el-menu
        default-active="1"
        class="el-menu-vertical-demo"
        @open="handleOpen"
        @close="handleClose"
        router="true"
      >
        <el-menu-item index="/myClassList">
          <span>我的课程表</span>
        </el-menu-item>
        <el-menu-item index="/myexam">
          <span>我的考试</span>
        </el-menu-item>

        <el-menu-item index="/mymeeting">
          <span>我的会议</span>
        </el-menu-item>

        <el-menu-item index="/CourseCollection">
          <span>课程收藏</span>
        </el-menu-item>

        <el-menu-item index="/OrderList">
          <span>订单列表</span>
        </el-menu-item>
        <el-menu-item index="/PersonalLnformation">
          <span>个人信息</span>
        </el-menu-item>
        <el-menu-item index="/AccountsAndSecurity">
          <span>账号与安全</span>
        </el-menu-item>
      </el-menu>
    </el-col>
  </div>
</template>

<style scoped>
.el-col {
  margin-top: 40px;
}
</style>
